// 出生日期选择
layui.use('laydate', function () {
  var laydate = layui.laydate;
  //常规用法
  laydate.render({
    elem: '#date'
  });
});


// 请求用户数据回显

userinfo()

async function userinfo() {

  const { data: { data } } = await axios.get('/user/getUserInfo')

  try {
    const { articleNum, collectNum, zanNum, userInfo: { address, birthday, default_data, icon, id, mobile, notes, sex, username } } = data


    $('[name="mobile"]').val(mobile)
    // $('[name="sex"]').val(sex === 0 ? '男' : '女')
    $('[name="notes"]').val(notes)
    $('[name="birthday"]').val(birthday)
    $('[name="address"]').val(address)
    $('[name="username"]').val(username)

    if (icon !== '' && icon !== './static/images/default.png' && icon !== null) {
      $('.form-input img').attr('src', 'http://124.223.14.236:8060/' + icon)
      console.log(111)
    } else {
      $('.form-input img').attr('src', './static/images/default.png')
    }
    $('[name="id"]').val(id)

    $(`#inlineRadio${sex + 1}`).prop('checked', true)
  } catch (error) {
    layer.msg('用户不存在', {
      icon: 5,
      offset: '20px'
    })
  }
}

$('.btn-warning').on('click', function () {
  userinfo()
})

$('.form-input img').on('click', function () {
  $('[type="file"]').click()
})

let imgFile
$('[type="file"]').on('change', function () {
  // 使用DOM对象文件域的files属性获取到图片文件对象数组，再用下标获取其中元素
  imgFile = this.files[0]
  if (!imgFile) return
  if (imgFile.size > 3 * 1024 * 1024) {
    return layer.msg('图片体积不能超过3M', {
      icon: 5,
      offset: '20px'
    })
  }
  // 将图片文件对象转成url链接
  const imgSrc = URL.createObjectURL(imgFile)
  $('.form-input img').attr('src', imgSrc)


})


$('.btn-success').on('click', async function () {
  // 默认上传的文件路径
  let imgPath = $('.form-input img').attr('src').replace('http://124.223.14.236:8060/', '')
  // 如果修改了图片，才需要处理图片
  if (imgFile) {
    const formData = new FormData();
    formData.append('file', imgFile);
    const { data: { data: { savePath, size } } } = await axios.post('http://124.223.14.236:8060/common/upload?type=images', formData, {
      headers: {
        'Content-Type': 'multipart/form-data',
      }
    })
    imgPath = savePath
  }
  // 发送所有用户信息请求修改
  const data = await axios.post('/user/update', {
    mobile: $('[name=mobile]').val(),
    icon: imgPath,
    notes: $('[name="notes"]').val(),
    sex: +$('.form-check-input:checked').val(),
    password: '',
    id: $('[name="id"]').val(),
    birthday: $('[name="birthday"]').val(),
    username: $('[name="username"]').val()
  })
  if (data.data.errno !== 0) {
    return layer.msg('修改失败', {
      icon: 5,
      offset: '20px'
    })
  }
  userinfo()
  layer.msg('修改成功！', {
    icon: 1,
    offset: '20px',
    time: 1000 //1秒关闭（如果不配置，默认是3秒）
  }, function () {
    //跳转用户中心
    location.href = './user.html'
  })
})


